{{! corresponding files: commerce_externalfulfillment.php & commerce_externalfulfillment.json }}


{{! ****************************************************************************
{{
{{  SPECIAL FIRST USE SECTION WITH CONNECTION OPTIONS
{{
{{  ************************************************************************* }}
<div class="pure-u-1">

{{^show_beta}}
<header class="page-header">
    <h4 class="page-title">3rd Party Fulfillment</h4>
</header>
   <div class="empty"> <p>Currently in development. Coming soon</p></div>
{{/show_beta}}

{{#show_beta}}

{{^user_jobs}}
    <div class="alt callout usecolor4"><div class="callout-inner">
    	<div class="pure-u-1 pure-u-md-1-2">
    		<h3 class="firstuse-title">{{{copy_firstuse}}}</h3>
    	</div>
    	<div class="pure-u-1 pure-u-md-1-2">
    		<div class="browser-header"><span></span><span></span><span></span></div><!--brower-header-->
    		<img src="{{www_path}}/assets/images/firstuse/external_fulfillment_screen.jpg" alt="screenshot" />
    	</div>
    </div><!--callout-inner-->
    </div><!--callout-->
{{/user_jobs}}    
{{^mass_connection}}
    <div class="callout">
        {{#all_services}}
            <div class="pure-u-1 pure-u-md-1-2">
                <div class="callout-inner">
                    {{#service_has_image}}<h3><a href="{{link}}" target="_blank"><img src="{{www_path}}/assets/images/settings/{{key}}.png" alt="{{name}}"/></a></h3>{{/service_has_image}}
                    <p>{{description}}</p>
                    <p><a href="{{link}}" target="_blank">{{link}}</a></p>
                    <a class="button fullwidth lightboxed" href="{{www_path}}/settings/connections/add/{{key}}">{{copy_add_connection}}</a>
                </div><!--callout-inner-->
            </div><!--pure-->
        {{/all_services}}
    
    <div class="pure-u-1 pure-u-md-1-2">
        <div class="callout-inner">
          <h3 class="title logo"><i class="icon icon-logo"></i></h3>
  				<p>{{copy_get_started}}</p>
          <a class="button lightboxed" href="{{www_path}}/commerce/externalfulfillment/create">{{copy_create_job}}</a>
        </div><!--callout-inner-->
    </div><!--pure-->
    
    </div><!--callout-->
{{/mass_connection}}

{{#mass_connection}}
    <h4>{{copy_page_title}}</h4>
      
        {{^user_jobs}}
        <div class="empty"><p>{{copy_no_jobs}}</p></div>   
        {{/user_jobs}}
      <ul class="fulfillment-jobs alternating">
        {{#user_jobs}}
            <li class="job">
              <a class="primary" href="/admin/commerce/externalfulfillment/detail/{{id}}">
         <div class="pure-u-1 pure-u-md-1-3">
          <p><strong>{{label_job_name}} </strong><span class="fadedtext"><strong>{{name}}</strong></span><br/>
          <span class="fadedtext description">{{description}}</span></p>
          </div><!--pure-->
          <div class="pure-u-1 pure-u-md-1-3">
            <p><strong>{{label_status}}</strong> <span  class="fadedtext">{{status}}</span><br /><strong>{{{label_tier_num}}}</strong> <span  class="fadedtext">{{tiers_count}}</span><br />
          </div><!--pure-->
          <div class="pure-u-1 pure-u-md-1-3">
            <p><strong>{{label_attached_file}}</strong> <span  class="fadedtext">{{asset_id}} {{asset_options}}</span></p>
          <!--div class="loader-circular">
            <div class="loader-progress"></div>
            <div class="loader-mask">
              <div class="loader-number">50%<span>Reclaimed</span></div>
            </div>
          </div>-->
         </div><!--pure-->
            </a>
         <div class="more"><div class="toggle"></div><!--toggle-->
           <div class="actions">
             <div class="action-inner">
               <a href="{{www_path}}/commerce/externalfulfillment/detail/{{id}}" class="mininav_flush"><div class="icon icon-pencil"></div><!--icon-->{{copy_edit_btn}}</a>
               <a href="{{www_path}}/commerce/externalfulfillment/delete/{{id}}" class="mininav_flush needsconfirmation"><div class="icon icon-ban"></div><!--icon-->{{copy_delete_btn}}</a>
             </div><!--action-inner-->
           </div><!--actions-->
         </div><!--more-->
       </li>
        {{/user_jobs}}
        </ul>
    
    <a class="button lightboxed" href="{{www_path}}/commerce/externalfulfillment/create">{{copy_create_job}}</a>
    
{{/mass_connection}}




{{/show_beta}}

</div><!--pure-->
